<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%>
<%@include file="/WEB-INF/pages/common/common.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <%@include file="/WEB-INF/pages/common/head.jsp"%>
    <script type="text/javascript">

        var array=new Array(false,false,false);
        $(function () {
            var tabs=$('#tabs');
            tabs.tabs({
                onSelect:function(title,index){
                    var src='';
                    if(index==0){
                        src='listTabOneUI.do';
                    }else if(index==1){
                        src='listTabTwoUI.do';
                    }

                    if(!array[index]){
                        var selected = tabs.tabs('getSelected');
                        tabs.tabs('update', {
                            tab: selected,
                            options: {
                                title: title,
                                content: '<iframe scrolling="no" frameborder="0"  src="'+src+'" style="width:100%;height:100%;"/>'  // 请求新的内容的URL
                            }
                        });
                        array[index]=true;
                    }
                }
            });
        });
    </script>
</head>
<body>
<div id="tabs" class="easyui-tabs" fit="true" border="false">
    <div title="<spring:message code='tab.one'/>">
    </div>
    <div title="<spring:message code='tab.two'/>">
    </div>
</div>
</body>
</html>